<!DOCTYPE HTML>
<html>
<head>
    <title>天下有情人终成眷属</title>
    <meta name="keywords" content="一个程序员的表白信,表白网页,网页表白,罗代势,黄慧珍">
    <meta name="description" content="我不懂哄你开心，也不够幽默，原谅我是一个不解风情的程序员，黄慧珍我愿能够替你遮风挡雨和依靠！">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <style type="text/css">
        @font-face {
            font-family: digit;
            src: url('digital-7_mono.ttf') format("truetype");
        }
    </style>
    <link href="./style/default.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="./style/jquery.js"></script>
    <script type="text/javascript" src="./style/garden.js"></script>
    <script type="text/javascript" src="./style/functions.js"></script>
</head>

<body>
<div id="mainDiv">
    <div id="content">
        <div id="code">
            <span class="keyword">* 2015年09月05日,</span><br/><br/>
            <span class="keyword">* 是我们第一次通话认识开始的^_^。</span><br/><br/>
            <span class="keyword">* 记得当时你为了赶车去学校，</span><br/><br/>
            <span class="keyword">* 短短的聊了一会。</span><br/><br/>
            <span class="keyword">* 平常通话也是不太会聊天。</span><br/><br/>
            <span class="keyword">* 作为一名程序员，</span><br/><br/>
            <span class="keyword">* 也许真的这个细胞比较弱吧，</span><br/><br/>
            <span class="keyword">* 希望你能够包容一下。</span><br/><br/>
            <span class="keyword">* 记得第一次见面是2015年10月05日，</span><br/><br/>
            <span class="keyword">* 我在你们学校附近的咖啡店等你，</span><br/><br/>
			<span class="keyword">* 真的等了好久耶，</span><br/><br/>
			<span class="keyword">* 然后一起吃饭和看了个电影，玩了两天，</span><br/><br/>
			<span class="keyword">* 我就回京上班了....，</span><br/><br/>
			<span class="keyword">* Today....，</span><br/><br/>
            <span class="keyword"><img src="./1.gif" /></span>
            <span class="keyword">　　　　</span>
            <span class="keyword"><img src="./2.gif" /></span><br/><br/>
			<span class="keyword">* 原本想送一些礼物给你的，但又不知道送神马，</span><br/><br/>
            <span class="keyword">* SO……</span><br/><br/>
            <span class="keyword">* 最后祝你生日快乐</span><br/><br/>
        </div>
        <div id="loveHeart">
            <canvas id="garden"></canvas>
            <div id="words">
                <div id="messages">
                    慧珍， Happy Birthday 青春永驻
                    <div id="elapseClock"></div>
                </div>
                <div id="loveu">
                    ...也希望我能够一直呵护你下去！<br/>
                    <div class="signature">- 罗代势</div>
                </div>
            </div>
        </div>
    </div>
    <div style="margin: 0 auto; width: 600px;">
    <!-- JiaThis Button BEGIN -->
        <!--  <div class="jiathis_style_32x32">
            <a class="jiathis_button_qzone"></a>
            <a class="jiathis_button_tsina"></a>
            <a class="jiathis_button_tqq"></a>
            <a class="jiathis_button_weixin"></a>
            <a class="jiathis_button_renren"></a>
            <a class="jiathis_button_tieba"></a>
            <a class="jiathis_button_douban"></a>
            <a class="jiathis_button_cqq"></a>
            <a class="jiathis_button_hi"></a>
            <a class="jiathis_button_miliao"></a>
            <a class="jiathis_button_googleplus"></a>
            <a class="jiathis_button_fb"></a>
            <a class="jiathis_button_twitter"></a>
            <a class="jiathis_button_ishare"></a>
            <a href="http://www.jiathis.com/share?uid=1773469" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
        </div>-->
        <script type="text/javascript" >
            var jiathis_config={
                url: "http://www.diaozhale.com/love.html",
                title: "#祝福#",
                summary:"我不懂浪漫，不会哄你开心，原谅我是一个不解风情的程序员。",
                data_track_clickback:true,
                summary:"",
                appkey:{
                    "tsina":"317356845",
                    "tqq":"317356845",
                },
                hideMore:false
            }
        </script>
        <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1773469" charset="utf-8"></script>
        <!-- JiaThis Button END -->
    </div>
    <div style="margin: 0 auto; width: 1000px;">

    <!-- Duoshuo Comment BEGIN -->
    <div class="ds-thread"></div>
    <script type="text/javascript">
        var duoshuoQuery = {short_name:"diaozhale"};
        (function() {
            var ds = document.createElement('script');
            ds.type = 'text/javascript';ds.async = true;
            ds.src = 'http://static.duoshuo.com/embed.js';
            ds.charset = 'UTF-8';
            (document.getElementsByTagName('head')[0]
                    || document.getElementsByTagName('body')[0]).appendChild(ds);
        })();
    </script>
    <!-- Duoshuo Comment END -->
    </div>
   
</div>
<script type="text/javascript">
    var offsetX = $("#loveHeart").width() / 2;
    var offsetY = $("#loveHeart").height() / 2 - 55;
    var together = new Date();
    together.setFullYear(2015, 8, 5);
    together.setHours(11);
    together.setMinutes(12);
    together.setSeconds(0);
    together.setMilliseconds(0);

    if (!document.createElement('canvas').getContext) {
        var msg = document.createElement("div");
        msg.id = "errorMsg";
        msg.innerHTML = "你的浏览器非常落后，不支持 HTML5!<br/>请使用 Chrome 14+/IE 9+/Firefox 7+/Safari 4+ 其中任意一款浏览器访问此页面";
        document.body.appendChild(msg);
        $("#code").css("display", "none")
        $("#copyright").css("position", "absolute");
        $("#copyright").css("bottom", "10px");
        document.execCommand("stop");
    } else {
        setTimeout(function () {
            adjustWordsPosition();
            startHeartAnimation();
        }, 3000);

        timeElapse(together);
        setInterval(function () {
            timeElapse(together);
        }, 500);

        adjustCodePosition();
        $("#code").typewriter();
    }
</script>
<embed width="160" height="20" type="application/x-shockwave-flash" src="http://www.myibird.com/wp-content/uploads/2013/05/music_player.swf" flashvars="mp3=http://www.diaozhale.com/Public/music/1369739710.mp3&amp;autoplay=1&amp;autoreplay=1" wmode="transparent" hidden="true" />

</body>
</html>
